<template>
  <div id="faceoff" v-show="is_loading">
    <ul id="pre-loader">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div class="preloader-section"></div>
  </div>
</template>

<script>
export default {
  name: 'love-loading',
  props: {
    is_loading: {
      type: Boolean,
      required: true,
      validator: function (value) {
        return true;
      }
    }
  }
}
</script>

